<template>
    <p>Bob 儿子</p>
    <slot name="heade" :sonName="name">
        这是子组件中header的默认内容
    </slot>
    <p>中间部分</p>
    <slot name="foote">
        这是子组件中footer的默认内容
    </slot>
</template>
<script>
export default{
    data (){
        return {
            name:'Bob'
        }
    }
}
</script>